
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_fragments :: head"</head>
<body class="align-content-center">
<!-- Navbar-->
<header class="app-header" th:replace="_fragments :: bodyhead"></header>

<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar" th:replace="_fragments :: aside"></aside>
<main class="app-content">
  <div class="app-title">
    <div>
      <h1><i class="fa fa-edit"></i>成果详情</h1>
    </div>
    <ul class="app-breadcrumb breadcrumb">
      <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
      <li class="breadcrumb-item"><a href="#">成果详情</a></li>
    </ul>
  </div>
  <div class="row">
    <div class="col-md-6" style="margin:0 auto">
      <div class="tile" >
        <div class="tile-body">
          <form>
            <h2 style="text-align:center" th:text="${achievement.title}">成果名</h2>


            <div class="form-group">
              <h4 style="text-align:center" th:text="${achievement.direction}">方向</h4>
              <h4 style="text-align:center" th:text="${achievement.type}">类别</h4>
            </div>
            <div class="form-group">
              <h5 class="control-label">成果描述:</h5>
              <p th:text="${achievement.detail}"></p>
            </div>
            <div class="form-group">
              <strong>成果发表时间:</strong>
              &nbsp;&nbsp;&nbsp;&nbsp;<strong  th:text="${#dates.format(achievement.date,'yyyy-MM-dd')}"></strong>
            </div>

          </form>
        </div>
      </div>
    </div>
  </div>
</main>
<!-- Essential javascripts for application to work-->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!-- The javascript plugin to display page loading on top-->
<script src="js/plugins/pace.min.js"></script>
<!-- Page specific javascripts-->
<!-- Google analytics script-->
<script type="text/javascript">
  if(document.location.hostname == 'pratikborsadiya.in') {
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-72504830-1', 'auto');
    ga('send', 'pageview');
  }
</script>
</body>
</html>